<template>
  <div class="breadcrumb fvlud">
    <span>{{ store.breadcrumbData.pageName }}</span>
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item
        v-for="(item, index) in store.breadcrumbData.breadcrumb"
        :key="index"
        :to="{ path: item.path }"
      >
        {{ item.name }}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script lang="ts" setup>
import { navStore } from '@/store/nav'
import { ArrowRight } from '@element-plus/icons-vue'
const store = navStore()
</script>
<style lang="scss" scoped>
.breadcrumb {
  height: 65%;
  > span {
    font-family: "CorporateACon-Reg";
    font-size: 24px;
    color: #fff;
  }
}
:deep(.el-breadcrumb__item) {
  span {
    color: #fff !important;
  }
}
:deep(.el-breadcrumb) {
  color: #bfbfbf;
}
</style>
